﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机构设置</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css">

    <style>
        /* a { */
        /*     text-decoration: none; /* 去除下划线 */
        /* } */
        body {
            background-color: #FFFFCC; /* 示例浅灰色，可替换为你的图片主色值 */
        }
    </style>
</head>
<body>

    <!-- Vue 挂载点 -->
    <div id="app">
        <span>您正在做的业务是：人力资源--客户化设置--人力资源档案管理设置--公共属性设置--公共属性添加</span><br />

        
        <form action="/CPC/Add" method="post">
            <table width="100%">
                <tr>
                    <td style="text-align:right">
                        <button type="submit">添加</button>
                        <button type="button" onclick="history.back()">返回</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table class="solid-border-table">
                            <tr>
                                <td width="25%">属性种类</td>
                                <td><input style="width:300px" name="attribute_kind" /></td>
                            </tr>
                            <tr>
                                <td width="25%">属性名称</td>
                                <td><input style="width:300px" name="attribute_name" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            

        </form>
        </div>
    @*     <el-table :data="tableData" class="custom-bg-table" style="width: 100%;"> *@
    @*         <el-table-column prop="attribute_kind" label="属性种类"></el-table-column> *@
    @*         <el-table-column prop="attribute_name" label="属性名称"></el-table-column> *@
    @*         <el-table-column label="操作" width="100"> *@
    @*             <template #default="scope"> *@
    @*                 @* <!-- 使用 Vue 事件处理，而非传统 <a> 标签 --> *@
    @*                 <el-button type="primary" size="small" @click ="handleEdit(scope.row)">修改</el-button>*@
    @*                 <el-button type="danger" size="small" v-on:click="handleDelete(scope.row)">删除</el-button> *@
    @*             </template> *@
    @*         </el-table-column> *@
    @*     </el-table> *@
    @* </div> *@

    <!-- 引入脚本（统一放在末尾） -->
    @* <script src="~/lib/vue.global.js"></script> *@
    @* <script src="https://unpkg.com/axios/dist/axios.min.js"></script> *@
    @* <script src="//unpkg.com/element-plus"></script> *@

    <style>
            .solid-border-table {
                border-collapse: collapse; /* 合并边框 */
                width: 100%;
            }

                .solid-border-table th,
                .solid-border-table td {
                    border: 1px solid #000000; /* 实线边框 */
                    padding: 8px;
                }

                .solid-border-table th {
                    background-color: #f5f5f5;
                }
    </style> 
    @* <script type="text/javascript"> *@
    @*     const { createApp, ref, onMounted } = Vue; *@
    @*     const app = createApp({ *@
    @*         setup() { *@
    @*             // const tableData = ref([]); *@


    @*             // function fill() { *@
    @*             //   axios.get('/CPC/Index2') *@
    @*             //   .then(res => { *@
    @*             //       console.info(res.data); *@
    @*             //       tableData.value = res.data.list; *@
    @*             //   }).catch(err => { *@
    @*             //       console.info(err) *@
    @*             //   }) *@

    @*             // } *@
    @*             // function handleDelete(row){ *@
    @*             //     console.info(row.pbc_id); *@
    @*             //     axios.get(`/CPC/Delete/${row.pbc_id}`) *@
    @*             //       .then(res => { *@
    @*             //           console.info(res.data); *@
    @*             //           if(res.data.zhi == "ok"){ *@
    @*             //             fill(); *@
    @*             //           }else{ *@
    @*             //             alert("失败"); *@
    @*             //           } *@

    @*             //       }).catch(err => { *@
    @*             //           console.info(err) *@
    @*             //       }) *@
    @*             // } *@
    @*             // fill(); *@

    @*             return { *@
    @*                 // tableData, *@
    @*                 // fill, *@
    @*                 // handleDelete *@
    @*             }; *@
    @*         } *@
    @*     }); *@


    @*     app.use(ElementPlus).mount('#app'); *@

    @* </script> *@
</body>
</html>